@function adjusted-color($base-color, $percentage) {
    $hue: hue($base-color);
    $saturation: saturation($base-color);
    $lightness: lightness($base-color) + $percentage;
    $alpha: alpha($base-color);
  
    @return hsla($hue, $saturation, $lightness, $alpha);
}
  
$blue-base: hsla(203, 100%, 60%, 1);
$blue-1: adjusted-color($blue-base, -50%);
$blue-2: adjusted-color($blue-base, -40%);
$blue-3: adjusted-color($blue-base, -30%);
$blue-4: adjusted-color($blue-base, -20%);
$blue-5: adjusted-color($blue-base, -10%);
$blue-6: $blue-base;
$blue-7: adjusted-color($blue-base, 10%);
$blue-8: adjusted-color($blue-base, 20%);
$blue-9: adjusted-color($blue-base, 30%);
$blue-95: adjusted-color($blue-base, 35%);
$blue-98: adjusted-color($blue-base, 38%);
$blue-10: adjusted-color($blue-base, 40%);


$green-base: hsla(155, 100%, 60%, 1);
$green-1: adjusted-color($green-base, -50);
$green-2: adjusted-color($green-base, -40);
$green-3: adjusted-color($green-base, -30);
$green-4: adjusted-color($green-base, -20);
$green-5: adjusted-color($green-base, -10);
$green-6: $green-base;


$red-base: hsla(350, 100%, 60%, 1);
$red-1: adjusted-color($red-base, -50);
$red-2: adjusted-color($red-base, -40);
$red-3: adjusted-color($red-base, -30);
$red-4: adjusted-color($red-base, -20);
$red-5: adjusted-color($red-base, -10);
$red-6: $red-base;
$red-7: adjusted-color($red-base, 10);
$red-8: adjusted-color($red-base, 20);
$red-9: adjusted-color($red-base, 30);
$red-10: adjusted-color($red-base, 40);


$gray-base: hsla(203, 8%, 60%, 1);
$gray-1: adjusted-color($gray-base, -50);
$gray-2: adjusted-color($gray-base, -40);
$gray-3: adjusted-color($gray-base, -30);
$gray-4: adjusted-color($gray-base, -20);
$gray-5: adjusted-color($gray-base, -10);
$gray-6: $gray-base;
$gray-7: adjusted-color($gray-base, 10);
$gray-8: adjusted-color($gray-base, 20);
$gray-9: adjusted-color($gray-base, 30);
$gray-95: adjusted-color($gray-base, 35);
$gray-98: adjusted-color($gray-base, 38);
$gray-10: adjusted-color($gray-base, 40);

$special-base: hsla(220, 36%, 60%, 1);
$special-1: adjusted-color($special-base, -50);
$special-2: adjusted-color($special-base, -40);
$special-3: adjusted-color($special-base, -30);
$special-4: adjusted-color($special-base, -20);
$special-5: adjusted-color($special-base, -10);
$special-6: $special-base;
$special-7: adjusted-color($special-base, 10);
$special-8: adjusted-color($special-base, -20);
$special-9: adjusted-color($special-base, -30);
$special-10: adjusted-color($special-base, -40);